<!--
First example of a datepicker is the standard bootstrap implementation with HTML5
-->
<p class="input-group">
    <input type="date" id="{{id}}" ng-model="dt" />
</p>

<!--
 Below is the angularUI implementation of the datepicker. They are mutually exclusive
 I mean it works if you use the two at once but it would be a bit daft

<p class="input-group">

    <input type="text" class="form-control" ng-model="dt" datepicker-popup="dd-MM-yyyy" is-open="opened"  close-text="Close" />
    <span class="input-group-btn">
        <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
    </span>
</p>

-->